@mainWidth:78%;
@themeColor:#006938;
body{
  background-color: #f9f6f1;
}
.page-enter-active, .page-leave-active {
  transition: opacity .5s;
}
.page-enter, .page-leave-active {
  opacity: 0;
}
.main-width{
  width: @mainWidth;
  // max-width: 1200px;
  margin: 0 auto;
}
.flex-box{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.theme-color{
  color:@themeColor;
}
.margin-top{
  margin-top: 1rem;
}
.mt-normal{
  margin-top: .65rem;
}
.product-en{
  margin-top: 1rem;
  height:1rem;
  border-bottom:1px solid #afafaf;
  font-size: 0.28rem;
  position: relative;
}
.product-en span{
  position: absolute;
  padding:0 0 15px 0;
  bottom:-3px;
  left: 0;
  color:@themeColor;
  border-bottom:3px solid @themeColor;
}
.page-nav{
  height:0.56rem;
  display: flex;
  flex-flow:row nowrap;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.15rem;
}
.page-nav li{
  margin-left:0.18rem;
}
.page-nav li a{
  display: block;
}
.page-nav li:hover a{
  color:@themeColor;
  transition: color .5s;
}
